.header {
  width: 100%;
  height: 400px;
  background: linear-gradient(150deg, #fdb490 0%, #f06e65 100%);
  position: relative;

  .back {
    margin: 0 0 20px 20px;
    width: 150px;
    height: 70px;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 70px;
    background-color: rgba(128, 128, 128, 0.5);
    color: #fff;
    font-size: 35px;
  }

  .head-picture {
    position: absolute;
    width: 170px;
    height: 170px;
    border-radius: 100%;
    left: 40px;
    top: 100px;
    overflow: hidden;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 0 10px #fff;

    .imgAtr {
      height: 160px;
      width: 160px;
      border-radius: 50%;
      margin: 5px;
    }

  }

  .dy_len {
    position: absolute;
    color: #fff;
    font-size: 26px;
    left: 48px;
    bottom: 22px;
  }

  .state-info {
    position: absolute;
    color: #fff;
    left: 260px;
    top: 118px;
    font-size: 26px;

    .layout {
      display: flex;
      align-items: center;
      padding-bottom: 10px;
    }

    .userName {
      font-size: 35px;
    }

    .identity {
      width: 100px;
      margin-left: 15px;
      text-align: center;
      border: 2px solid #fff;
      border-radius: 25px;
      font-size: 22px;
    }

    .class_num {
      padding-bottom: 10px;
    }
  }
}

.dy_list_item {
  margin: 30px;
  padding: 20px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 10px rgba(230, 240, 240, 0.8);

  .time {
    width: 100%;
    color: #8e8e8e;
    font-size: 22px;
    text-align: left;
    padding: 0 0 20px;
  }

  .dy_img_list {
    padding: 20px 0;
  }


}

.no_dy {
  width: 100%;
  height: 200px;
  text-align: center;
  line-height: 200px;
  color: #8e8e8e;
  font-size: 26px;
}
